import React from 'react';
import moment from 'moment';
import { LABOUR_PERIOD_TYPE, PROBATION_PERIOD_TYPE } from '../util';

const Paragraph = ({ children }) => <div style={{ margin: '16px 0', fontSize: 12 }}>{children}</div>;

export default function ConfirmText({ infoData }) {
    const {
        offerEffectiveValue = 48,
        talentName = '',
        talentSex = '',
        probationPeriodNumber = 0,
        officialMonthSalary = '',
        labourPeriodNumber = '',
        probationPeriodType = 1,
        labourPeriodType = 1,
        suggestedEntryTime = '',
        sendTime = '',
        employCompanyName = '',
        departmentName = '',
        dutyName = ''
    } = infoData;

    const quarterPerformance = officialMonthSalary ? ((officialMonthSalary * 1.5) / 4).toFixed(0) : '';
    const halfYearPerformance = officialMonthSalary ? ((officialMonthSalary * 1.5) / 2).toFixed(0) : '';

    const deActivateTime = moment(sendTime || new Date())
        .add(offerEffectiveValue, 'hour')
        .format('YYYY-MM-DD HH:mm');

    const genderWordMap = {
        1: '先生',
        2: '女士'
    };

    const renderLabourPeriod = () => {
        if (labourPeriodNumber === -1) {
            return <>无固定期限</>;
        }
        return (
            <>
                劳动合同自您入职之日起，为期
                {labourPeriodNumber}
            </>
        );
    };

    return (
        <>
            <Paragraph>
                <strong>
                    {`${talentName}`} {`${genderWordMap[talentSex] || ''}：`}
                </strong>
            </Paragraph>
            <Paragraph>
                <div>您好！</div>
                很荣幸地通知您，您已通过我公司面试程序，即将正式成为公司的一员。请您仔细阅读以下内容：
            </Paragraph>
            <Paragraph>
                <strong>一、您的任职信息：</strong>
            </Paragraph>
            <Paragraph>
                任职公司：
                <strong>{employCompanyName}</strong>
            </Paragraph>
            <Paragraph>
                任职部门：
                <strong>{departmentName}</strong>
            </Paragraph>
            <Paragraph>
                任职岗位：
                <strong>{dutyName}</strong>
            </Paragraph>
            <Paragraph>
                服务期限：{renderLabourPeriod()}
                {`${LABOUR_PERIOD_TYPE.find(item => item.value === labourPeriodType)?.text}`} ；其中包括试用期
                {`${probationPeriodNumber}`}
                {`${probationPeriodType === 1 ? '个' : ''}`}
                {`${PROBATION_PERIOD_TYPE.find(item => item.value === probationPeriodType)?.text}`}；
            </Paragraph>
            ： 元
            绩效基数是指员工本人绩效考核系数为1.0时的发放金额。

            <Paragraph>
                <strong>二、薪资构成：</strong>
            </Paragraph>
            <Paragraph>
                税前固定月薪：<strong>{officialMonthSalary}</strong>元;
            </Paragraph>
            <Paragraph>
                季度绩效基数：<strong>{quarterPerformance}</strong>元
                <span>（核算周期内入职时间不满15个工作日的不予发放）；</span>
            </Paragraph>
            <Paragraph>
                半年绩效基数：<strong>{halfYearPerformance}</strong>元
                <span>（核算周期内入职时间不满90个日历天的不予发放）；</span>
            </Paragraph>
            <Paragraph>
                年终绩效基数：<strong>{officialMonthSalary}</strong> 元
                <span>（核算周期内入职时间不满90个日历天的不予发放）；</span>
            </Paragraph>
            <Paragraph>绩效基数是指员工本人绩效考核系数为1.0时的发放金额。</Paragraph>
            <Paragraph>
                季度绩效、半年绩效、年终绩效，作为绩效考核、激励体系的一部分，公司有权根据员工出勤天数、绩效表现，
                结合公司经营状况以及绩效考核制度，参照员工本人“绩效基数”，经过公司考评后按期核发。
            </Paragraph>
            <Paragraph>
                <strong>三、入职时间：</strong>
            </Paragraph>
            <Paragraph>
                建议您于
                <strong>{`${moment(suggestedEntryTime).format('YYYY-MM-DD 09:00')}`}</strong>
                ，到 厦门市思明区中航紫金广场B座6层 公司人力行政中心办理报到手续。
            </Paragraph>
            <Paragraph>
                <strong>四、入职材料：</strong>
            </Paragraph>
            <Paragraph>
                <div>1、原单位离职证明原件1份（加盖原单位印章）；</div>
                <div>2、二代身份证原件及复印件2份；</div>
                <div>3、最高学历证书及学位证原件及复印件1份；</div>
                {/* <div>4、学信网《教育部学历证书电子注册备案表》1份；</div> */}
                <div>4、相关资格证书原件及复印件1份；</div>
                {/* <div>6、2寸电子证件照（白底）；</div> */}
                <div>5、提供原公司公积金账号、公司名称、个人公积金账号（原单位有缴纳公积金的）；</div>
                <div>6、厦门建设银行卡原件及复印件1份，复印件上注明姓名、账号、开户行（用于工资发放）；</div>
                <div>7、提供近期3个月正规三甲医院入职体检报告一份。</div>
            </Paragraph>
            <Paragraph>
                请保证提供以上资料的真实性和可靠性，公司需复核原件后仅保留证件复印件，原件最迟不超过3个工作日退还本人。
            </Paragraph>
            <Paragraph>
                <strong>五、其他信息：</strong>
            </Paragraph>
            <Paragraph>
                <div>上下班时间：上午09：00-12：00 下午13：00-18：00 ；</div>
                <div>五天8小时制，周末双休，享有法定节假日；</div>
                <div>根据国家及地方法律法规，入职1个月内，公司将根据相关法定标准结合公司政策，缴纳险金；</div>
            </Paragraph>
            <Paragraph>
                <strong>六、通知书失效的情况：</strong>
            </Paragraph>
            <Paragraph>
                <div>
                    您在收到本通知后，未能在
                    {deActivateTime}
                    前在当前页面确认接受，本通知失效；
                </div>
                <div>您在应聘过程中，提供虚假的个人信息、就职经历，一经核实的，本通知失效；</div>
                <div>您在入职后，提供虚假的个人入职材料，一经核实的，本通知失效；</div>
                <div>您在入职前，刻意隐瞒身体健康状态，患有重大疾病，将严重影响工作效率的，本通知失效；</div>
                <div>您与原用人单位存在竞业限制约定且在竞业限制范围之内的，本通知失效；</div>
                <div>
                    您未能在{`${moment(suggestedEntryTime).format('YYYY-MM-DD 09:00')}`}
                    前到岗，且未提前与人力行政中心取得联系，或未能提供合理的延迟到岗原因的，本通知失效；
                </div>
                <div>
                    以上由于您个人原因导致的通知失效，如对公司经营或工作开展造成重大损失的，公司有权保留追究的权利。
                </div>
            </Paragraph>
            <Paragraph>
                <strong>七、特别说明：</strong>
            </Paragraph>
            <Paragraph>
                本通知书中所列收入均为税前标准，公司将按照国家有关法律规定从支付给您的所有款项中进行必要的代扣代缴，
                包括但不限于社会保险，公积金和个人所得税；
            </Paragraph>
        </>
    );
}
